/*=================================*/
/*          CSS Reset
/*=================================*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    background: url('../img/bg.jpg') no-repeat #000;
    font-size:12px;
    font-family:tahoma, helvetica, arial, verdana, sans-serif;
    color:#fff;
}

ol, ul {
	list-style: none;
}
a{
    text-decoration:none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 


/*=================================*/
/*          Wrapper
/*=================================*/


#wrapper{
    width:980px;
    margin:0 auto;
    background:#181818;
}


/*=================================*/
/*          Web Header
/*=================================*/


#upper_nav{
    position:relative;
    top:20px;
    width:955px;
    height:50px;
    margin-left:10px;
    border-radius:24px;
    background:#fff;
 background: #1f1f1f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top, #1f1f1f 0%, #080808 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(100%,#080808)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1f1f1f 0%,#080808 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1f1f1f 0%,#080808 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1f1f1f 0%,#080808 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1f1f1f 0%,#080808 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#080808',GradientType=0 ); /* IE6-8 */
    
}





#facebook{
    width:190px;
}

#facebook li{
    display:inline-block;
    line-height:70px;
    padding-left:10px;
    
}

.ie7 #facebook li{
    display:inline;
    zoom:1;
   line-height:50px;
}

#lang{
    width:150px;
    position:absolute;
    left:89%;
    top:20%;
}

#lang li{
    display:inline-block;
    margin-right:10px;

}

.ie7 #lang li{
   display:inline;
    zoom:1;
        
}


#logo_nav{
    margin-top:30px;
    height:150px;
    width:960px;
    
}

#logo{
    float:left;
    margin-top:20px;
    padding-left:10px;
}


/*=================================*/
/*          Dropdown
/*=================================*/

/*#container_nav li a{
    display:inline-block;
    height:150px;
    float:right;
    line-height:150px;
    text-align:center;
    padding-left:15px;
    padding-right:15px;
    color:#fff;
    font-size:18px;
    font-weight:bold;

}*/


#container_nav{
    position:relative;
    margin-top:5.5%;
}


nav {background:#181818;float:left;}
nav ul {text-align:center;}
nav ul li {float:left; display: block; position: relative; z-index: 1231; }
nav ul li:hover {background:#181818;}
nav ul li a {display:block;padding:15px 25px; color:#444;  text-align:center;
    padding-left:15px;
    padding-right:15px;
    color:#fff;
    font-size:18px;
    font-weight:bold;}
nav ul li ul {position:absolute;width:110px;background:#181818;}
nav ul li ul li {width:110px;}
nav ul li ul li a {display:block;padding:15px 10px; color:#fff; }
nav ul li ul li:hover a {background:#181818; }
nav ul li ul.fallback {display:none;}
nav ul li:hover ul.fallback {display:block;}

.ie7 #container_nav li{
   display:inline;
}

#container_nav li a:hover{
    color:#BE1E1D;
     -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    
}

/*=================================*/
/*          Billboard
/*=================================*/

#container_billboard{
    background:#1F1F1F;
    width:960px;
    margin-left:10px;
}

#billboard_big{
    width:900px;
    height:360px;
    background:#555;
    margin-left:32px;
    display: block;
    position: relative;
    overflow: hidden;
}

#billboard_big div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity: 0;
}

#billboard_big div.active {
    z-index:10;
    opacity: 1;
}

#billboard_big div.last-active {
    z-index:9;
}

.billboard_small{
    float: left;
    margin-left:28px;
    margin-top:15px;
    padding-bottom:px;
    border: 3px solid #181818;
}


.billboard_small{
    margin-left:px;
    margin-right:32px;
}

/*=================================*/
/*          Web Content
/*=================================*/

#container_content{
    width:960px;
    margin-left:10px;
    margin-top:45px;
}

/*Welcome*/

#welcome{
    width:260px;
    font-size:16px;
    font-weight:300;
    float:left;
}

#welcome h2{
    font-size:18px;
    padding-bottom:20px;
    font-weight:bold;
}


#welcome p{
    font-size:16px;
}

#welcome img{
    margin-top:60px;
}

/*News*/
#news{
    width:350px;
    float:left;
    margin-right:10px;
    margin-left:90px;
}

#news a{
    color:#fff;
}


#news h2{
    font-size:18px;
    font-weight:bold;
}

.img_container{
    float:left;
    width:190px;
    height:140px;
    background:#222;
    border-radius:5px;
}

.img_container img{
    margin-left:8px;
    margin-top:8px;
    width: 170px;
}


.news_info{
    float:right;
    width:165px;
}


.news_holder{
    width:365px;
    height:100px;
    float:left;
    margin-top:25px;
    margin-bottom:30px;
}

.news_info h3{
    font-size:14px;
}

.news_info ul li a{
    display:inline-block;
}

.da{
    padding-left:23px;
}


.news_info .date{
    list-style-image:url('../img/date.png');
    margin-top:10px;
}

.news_info .answeres{
    list-style-image:url('../img/answeres.png');
    margin-top:10px;
}



/*Trainers*/
#trainers{
    float:left;
    width:250px;
    margin-left:0px;
   
}

#trainers h2{
    font-size:18px;
    margin-bottom:20px;
    font-weight:bold;
    
}

.trainers_info{
    width:118px;
    height:145px;
    background:#222;
    float:left;
    margin-top:5px;
    margin-left:5px
}

.trainers_info a{
    color:#fff;
}


.trainers_info img{
    margin-left:1px;
}
.trainers_info{
    text-align:center;
}


#working_time{
    margin-top:90px;
}


.video_container{
    width:231px;
    height:100px;
    background:#222;
    border-radius:5px;
}





#schedule{
    float:right;
    width:260px;
}

#schedule h2{
    font-size:18px;
    margin-bottom:20px;
    font-weight:bold;
}

#schedule a{
    color:#9E1C1B;
    font-size:16px;
}

#schedule a:hover{
    text-decoration:underline;
}

#schedule table tr td{
    padding-top:15px;
    padding-bottom:6px;
    padding-right:55px;
    font-size:15px;
}

#schedule span{
   display:block;
    width:110px;
    color:#797979;
}



#schedule ul li{
    font-size:15px;
    margin-top:5px;
}


/*Youtube*/
#youtube{
    float:left;
    width:700px;

    
}

#youtube h2{
    font-size:18px;
    margin-bottom:25px;
    margin-left:10px;
    font-weight:bold;
}

.youtube_holder{
    width:320px;
    margin-left:10;
    float:left;
    margin-bottom:5px;
    background:#222;
    height:230px;
    border-radius:5px;
    margin-left:10px;
}

.video_container{
    margin-left:10px;
    margin-top:15px;
}





.picture{
    height:120px;
    width:170px;
    background:red;
    margin-top:23px;
}

#gallery{
    float:left;
}


#gallery h2{
    font-size:18px;
    margin-bottom:15px;    
}


/*=================================*/
/*          Web Footer
/*=================================*/

#google_maps{
    margin-left:10px;
    float:left;
}

#google_academik{
    width:320px;
    height:230px;
    background:#222;
    border-radius:5px;
    
}


#contacts{
    margin-top:60px;
}

#contacts h2{
    font-size:18px;
    margin-top:20px;
}

#google_academik{
    margin-top:20px;
}


#contact_us{
    float:left;
    width:280px;
    margin-left:30px;
}

#contact_us p{
    margin-top:20px;
    margin-left:3px
}

#contact_us ul{
    margin-top:20px;
    margin-left:30px;
}


#contact_us ul li{
    margin-bottom:35px;
}

#location{
   list-style-image:url('../img/location.png'); 
}

#phone{
    list-style-image:url('../img/phone.png');
}

#email{
   list-style-image:url('../img/mail.png');
}



#ask{
    width:300px;
    margin-left:20px;
    float:right;
}

#ask .text_field{
    background:#181818;
    border:none;
    border-radius:5px;
    margin-top:2px;
    margin-bottom:2px;
    border:1px solid #000;
    
    
}

*:focus {
    outline: 0;
}


::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

:-ms-input-placeholder {  
   color: #fff;  
}



#ask textarea{
    background:#181818;
    border-radius:5px;
    border:none;
    border:1px solid #000;
    
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) inset;
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
    
}

#ask_form{
    margin-top:20px;
}

#send{
    margin-top:15px;
}

#copywrite{
    width:960px;
    height:70px;
    border-radius:24px;
    margin:0 auto;
    margin-top:20px;
    background: #1f1f1f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  #1f1f1f 0%, #080808 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(100%,#080808)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1f1f1f 0%,#080808 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1f1f1f 0%,#080808 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1f1f1f 0%,#080808 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1f1f1f 0%,#080808 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#080808',GradientType=0 ); /* IE6-8 */
   
}

#copywrite p{
    text-align:center;
   line-height:70px;
}

/*=================================*/
/*          Web.Helpers
/*=================================*/

#container_footer{
     background:#1F1F1F;
}



#news{
    clear:right;
}


#upper_nav{
    clear:right;
    
}


#container_header,
#upper_nav,
#container_nav,
#container_billboard,
#news,
#container_content,
#working_time,
#contacts,
#trainers_page,
#pricing,
#news_page,
.mini_news,
#mini_news_container,
#read_news_container,
#novina,
.comments_container,
.user_comments{
    zoom:1;
}

#container_header:after,
#upper_nav:after,
#container_nav:after,
#container_billboard:after,
#news:after,
#container_content:after,
#working_time:after,
#contacts:after,
#trainers_page:after,
#pricing:after,
#news_page:after,
#mini_news:after,
#mini_news_container:after,
#read_news_container:after,
#novina:after,
.comments_container:after,
.user_comments:after{
    content:"";
    display:block;
    clear:both;
}





/*=================================*/
/*          Trainers
/*=================================*/

#about_us h2{
    font-size:22px;
    text-transform:uppercase;
    font-weight:bold;
    margin-bottom:20px;
}

#about_us p{
    margin-top:5px;
    font-size:16px;
    
}

#about_us h3{
    font-size:18px;
    margin-top:20px;
}


#trainers_page{
    width:960px;
    margin-top:90px;
}

#trainers_page h2{
    font-size:22px;
    margin-top:20px;
    text-transform:uppercase;
    font-weight:bold;
}

.valentin{
    width:960px;
    height:350px;
}


.valentin_pic{
    width:210px;
    height:300px;
    background:#222;
    border-radius:5px;
    float:left;
    margin-top:20px;
    
}


.valentin_pic img{
    margin-left:20px;
    margin-top:20px;
}

.valentin_pic p{
    text-align:center;
    font-size:14px;
    margin-top:5px;
}



.valentin_info p{
    width:300px;
    float:left;
    font-size:16px;
    margin-left:200px;
    margin-top:20px;
}

/*=================================*/
/*         Gallery
/*=================================*/

#gallery_container h2{
    font-size:22px;
    text-transform:uppercase;
    font-weight:bold;
}


.gallery_pictures{
    margin-top:30px;
    width:300px;
    height:190px;
    background:#222;
    float:left;
    margin-left:10px;
}

.gallery_pictures img{
    margin-left:20px;
    margin-top:10px;
}


/*=================================*/
/*         Contacts
/*=================================*/

#get_in_touch{
    width:315px;
    float:left;
    margin-top:10px;
}




#get_in_touch h2{
    font-size:22px;
    margin-top:20px;
    font-weight:bold;
     text-transform:uppercase;
    
}

#get_in_touch p{
    font-size:14px;
    margin-top:20px;
    
}

#get_in_touch ul li{
    margin-top:30px;
    font-size:14px
}


#get_in_touch_form h2{
    font-size:22px;
    text-transform:uppercase;
    font-weight:bold;
    margin-bottom:20px;
}

#get_in_touch_form{
    margin-top:25px;
    margin-left:120px;
    width:510px;
    float:left;
}

.ie7 #get_in_touch_form{
    display:inline;
}


.text_field{
    background:#555;
    border:none;
    border-radius:5px;
    border:1px solid #000;
    padding:5px;
    
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) inset;
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
    
    
    
    
}


#get_in_touch_form textarea{
    background:#555;
    border:none;
    border-radius:5px;
    border:1px solid #000;
    
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) inset;
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
    
}


/*=================================*/
/*        Schedule
/*=================================*/

#schedule_container{
    width:920px;
    margin:0 auto;
}

#schedule_container h2{
    font-size:22px;
    text-transform:uppercase;
    font-weight:bold;
    margin-top:20px;
}


#schedule_container table{
    border:1px solid #fff;
    margin-top:20px;
    font-family:arial, sans-serif;
}


#schedule_container table thead tr th{
    font-size:16px;
    padding:15px 15px 15px;
}

#schedule_container table tbody tr td{
    height:45px;
    text-align:center;
    vertical-align:middle;
    font-size:14px;
    padding-left:10px;
    padding-right:10px;
}

.whiter{
    background:#444;
     
}
.darker{
    background:333;
}

.bold_time{
    font-weight:bold;
}


/*=================================*/
/*        Pricing
/*=================================*/

#pricing{
    width:825px;
    margin:0 auto;
    border-bottom:1px solid white;
    margin-top:100px;
    margin-bottom:100px;
    
}

#pricing h2{
    font-size:22px;
    font-weight:bold;
    text-transform:uppercase;
}

#pricing .left{
    float:left
}


#pricing .right{
    float:right;
}


.prices{
    width:820px;
    padding-top:30px;
    height:30px;
    line-height:30px;
}

.left{
    font-size:14px;
   letter-spacing:4px;
    text-transform:uppercase;
 
}

.right{
    font-size:14px;
    letter-spacing:4px;
    text-transform:uppercase;
    
}


/*=================================*/
/*        History
/*=================================*/


#history{
    width:900px;
    margin:0 auto;
}

#history h2{
    font-size:22px;
    text-transform:uppercase;
    
}

#history p{
    margin-bottom:25px;
    margin-top:15px;
    font-size:14px;
    font-weight:500;
}



/*=================================*/
/*        Comment
/*=================================*/

#news_header{
    width:804px;
    height:54px;
    border-radius:5px;
    background:#D02624;
}

#news_header h2{
    font-size:20px;
    padding-left:20px;
    padding-top:14px;
    
}

#main_news{
    width:840px;
    margin-left:75px
}

.news_name{
    width:250px;
    height:74px;
    background: rgba( 0, 0, 0, 0.7);
    position:relative;
    bottom:75px;
}


.news_name h2{
    padding-top:20px;
    padding-left:15px;
    font-size:16px;
}

.main_news_big{
    margin-top:26px;
    float:left;
    margin-right:44px;
    width: 350px;
    height: 400px;
}



.mini_news_container{
    width:220px;
    height: 440px;
    float:left;
    margin-right:20px;
    margin-bottom:60px;
    overflow: hidden;
}

.mini_news_container a{
    color: #fff;
}

.mini_news_container h2{
    font-size:16px;
    font-weight:bold;
    margin-top:10px;
}

.mini_news_container .author{
    margin-top:20px;
}


.mini_news_container p{
    margin-top:15px;
    font-size:14px;
    font-weight:bold;
    color:#797979;
}



/*=================================*/
/*        The_News
/*=================================*/
#read_news_container h2{
    font-size:25px;
}

#novina{
    border-bottom:1px solid #fff;;
    padding-bottom:80px;
    margin-top:50px;
}

#news_pic{
    float:left;
}

#news_text{
    float:left;
    width:484px;
    margin-left:30px;
}

#news_text p{
    margin-bottom:15px;
}

#comments_container{
    margin-top:70px;
}


#comments_container h3{
    font-size:25px;
    color:#797979;
    
}

.person_logo{
    float:left;
    margin-top:30px;
}

.person_comment{
    float:left;
    width:665px;
    margin-left:35px;
     font-size:14px;
    font-weight:bold;
    margin-top:30px;
}


.person_comment span{
    color:#797979;
    font-weight:bold
   
}

.person_comment p{
    margin-top:20px;
}

#write_comment_buttons{
    float:right;
    margin-right:40px;
    margin-top:20px;
}


#write_comment_buttons input{
    margin-left:30px;
}
